<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/highcharts.js"></script>
<script type="text/javascript">
	$(function() {
		var chart1 = new Highcharts.Chart({
			chart : {
				renderTo : 'chart1'
			},
			title : {
				text : '胜'
			},
			legend : {
				enabled : false
			},
			xAxis : [{
				categories : []
			}],
			yAxis : [{// Primary yAxis
				labels : {
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#DDDF0D'
					},
					align : 'left',
					x : 0,
					y : -2
				},
				showFirstLabel : false,
				title : {
					text : '赔率',
					style : {
						color : '#89A54E'
					}
				}
			}, {// Secondary yAxis
				title : {
					text : '交易量',
					style : {
						color : '#EF6756'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#EF6756'
					}
				},
				showFirstLabel : false,
				opposite : true
			}, {// Secondary yAxis
				title : {
					text : '盈亏',
					style : {
						color : '#4572A7'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#4572A7'
					}
				},
				showFirstLabel : false,
				opposite : true
			}],
			tooltip : {
				formatter : function() {
					return this.y;
				}
			},
			series : [{
				name : '胜盈利',
				color : '#4572A7',
				type : 'column',
				yAxis : 1,
				data : <?=$arr3yl?>

			}, {
				name : '胜成交量',
				color : '#EF6756',
				type : 'spline',
				data : <?=$arr3exchange?>
			}, {
				name : '胜赔',
				color : '#DDDF0D',
				type : 'spline',
				data : <?=$arr3?>
			}]
		});

		var chart2 = new Highcharts.Chart({
			chart : {
				renderTo : 'chart2'
			},
			title : {
				text : '平'
			},
			legend : {
				enabled : false
			},
			xAxis : [{
				categories : []
			}],
			yAxis : [{// Primary yAxis
				labels : {
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#DDDF0D'
					},
					align : 'left',
					x : 0,
					y : -2
				},
				showFirstLabel : false,
				title : {
					text : '赔率',
					style : {
						color : '#89A54E'
					}
				}
			}, {// Secondary yAxis
				title : {
					text : '交易量',
					style : {
						color : '#EF6756'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#EF6756'
					}
				},
				showFirstLabel : false,
				opposite : true
			}, {// Secondary yAxis
				title : {
					text : '盈亏',
					style : {
						color : '#4572A7'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#4572A7'
					}
				},
				showFirstLabel : false,
				opposite : true
			}],
			tooltip : {
				formatter : function() {
					return this.y;
				}
			},
			series : [{
				name : '平盈利',
				color : '#4572A7',
				type : 'column',
				yAxis : 1,
				data : <?=$arr1yl?>

			}, {
				name : '平成交量',
				color : '#EF6756',
				type : 'spline',
				data : <?=$arr1exchange?>
			}, {
				name : '平赔',
				color : '#DDDF0D',
				type : 'spline',
				data : <?=$arr1?>
			}]
		});

		var chart1 = new Highcharts.Chart({
			chart : {
				renderTo : 'chart3'
			},
			title : {
				text : '负'
			},
			legend : {
				enabled : false
			},
			xAxis : [{
				categories : []
			}],
			yAxis : [{// Primary yAxis
				labels : {
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#DDDF0D'
					},
					align : 'left',
					x : 0,
					y : -2
				},
				showFirstLabel : false,
				title : {
					text : '赔率',
					style : {
						color : '#89A54E'
					}
				}
			}, {// Secondary yAxis
				title : {
					text : '交易量',
					style : {
						color : '#EF6756'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#EF6756'
					}
				},
				showFirstLabel : false,
				opposite : true
			}, {// Secondary yAxis
				title : {
					text : '盈亏',
					style : {
						color : '#4572A7'
					}
				},
				labels : {
					align : 'right',
					x : 0,
					y : -2,
					formatter : function() {
						return this.value;
					},
					style : {
						color : '#4572A7'
					}
				},
				showFirstLabel : false,
				opposite : true
			}],
			tooltip : {
				formatter : function() {
					return this.y;
				}
			},
			series : [{
				name : '负盈利',
				color : '#4572A7',
				type : 'column',
				yAxis : 1,
				data : <?=$arr0yl?>

			}, {
				name : '负成交量',
				color : '#EF6756',
				type : 'spline',
				data : <?=$arr0exchange?>
			}, {
				name : '负赔',
				color : '#DDDF0D',
				type : 'spline',
				data : <?=$arr0?>
			}]
		});
	});
</script>
<style>
span{margin:auto 10px auto 10px; font-size:;}
</style>
<div style="display:block; width:100%; margin:50px auto 10px auto; float:left; text-align:center">
	<span><?=$gameInfo[0]->hometeam?></span>&nbsp;&nbsp;
	<span><?=$gameInfo[0]->homegoal?></span>:
	<span><?=$gameInfo[0]->awaygoal?></span>&nbsp;&nbsp;
	<span><?=$gameInfo[0]->awayteam?></span>
</div>

<div id="chart1" style="width: 410px; margin-left: 17px; float: left; height: 200px; position: relative; z-index: 1"></div>
<div id="chart2" style="width: 410px; margin-left: 17px; float: left; height: 200px; position: relative; z-index: 1"></div>
<div id="chart3" style="width: 410px; margin-left: 17px; float: left; height: 200px; position: relative; z-index: 1"></div>
